<template>
	<view>
		<view class="messagelist">
			<view class="message_item u-p-20" v-for="i in 4">
				<image src="../../static/logo.png" class="avatar u-radius-10 u-m-r-20" mode=""></image>
				<view class="" style="flex: 1;">
					<view class="flex-between">
						<text class="u-font-30" >阿诗丹顿</text>
						<text class="u-font-24" style="color: #BBBBBB;" >22:19</text>
					</view>
					<view class="nhidden-1 flex-between u-m-t-10">
						<text class="text-999 nhidden-1 u-font-26" >您好，我的五行属性是甲木，能量分是...</text>
						<view class="ghuanzhu u-font-26">
							回关
						</view>
					</view>
					<u-line margin='20rpx 0' ></u-line>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
page{
	background-color: #fff;
}
.message_item{
	display: flex;
	.avatar{
		width: 90rpx;
		height: 90rpx;
		
	}
	.ghuanzhu{
		padding: 10rpx 26rpx;
		background: #E7E7E7;
		color: #525252;
		flex-shrink: 0;
		border-radius: 10rpx;
	}
}
</style>
